<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title>{TITLE}</title>
		<link rel="stylesheet" type="text/css" media="screen" href="test.css" />
		<script type="text/javascript" src="mootools.js"></script>
		<script type="text/javascript" src="shadow.js"></script>
		<script type="text/javascript">
			window.addEvent('domready', function(){
				var el=new Mif.Shadow($('test')).draw();
				$('test').adopt(new Element('li',{'html':'dsflkjsdflk sdjlkfsjd flksd jfslkd fjsdkl fdsj f'}));
				el.draw();
				el.setPosition({x: 100,y:100});
			});
		</script>
	</head>
	<body>
		<div id="h"></div>
		<ul id="test">
			<li>sdf</li>
			<li>sd fklsd jlsdf jfie</li>
			<li class="hak">kd fjsdlkfj dkfdfff</li>
			<li>dsfdsfsdf sdf sdf sdf sdf sdf</li>
			<li>dsf sdfsdf</li>
		</ul>
	</body>
</html>